Folder and files you find in the template are explained below.

  • home-X-style-X.html - contains the full HTML code of the template.
  • bootstrap.min.css - grid structure based on Bootstrap Framework.
  • font-awesome.min.css - style for the Font Awesome icon font.
  • ionicons.min.css - style for the ionicons icon font.
  • animate.css - animate.css a cross-browser library of CSS animations.
  • flexslider.css - Flexslider is a awesome, fully responsive jQuery slider plugin
  • style.css - main custom styles.
  • bootstrap.min.js - javascript for Bootstrap Framework
  • respond.min.js - javaScript library for min/max-width CSS3 Media Queries.
  • jquery.backstretch.min.js - jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.
  • jquery.waitforimages.js - jQuery plugin that provides useful callbacks once descendant images have loaded.
  • modernizr.js - javaScript library that detects HTML5 and CSS3 features in your browser.
  • jquery.easing.js - jQuery advanced easing options.
  • retina.js - Retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays.
  • jquery.ajaxchimp.js - ajaxChimp is a jQuery plugin that lets you ajaxify your mailchimp form.
  • jquery.fitvids.js - jquery.fitvids is a lightweight, easy-to-use jQuery plugin for fluid width video embeds.
  • jquery.countdown.js - jquery.countdown is a simple and html agnostic date countdown plugin for jQuery.
  • jquery.mb.YTPlayer.js - jquery.countdown is a chrome-less player for YouTube movies.
  • jquery.nicescroll.min.js - jquery.countdown is a jquery plugin, for nice scrollbars with a very similar ios/mobile style.
  • jquery.flexslider-min.js - Flexslider is a awesome, fully responsive jQuery slider plugin
  • jquery.fullPage.min.js - FullPage.js create full screen pages fast and simple
  • main.js - custom javascript.

Files are written in simple HTML/CSS/JavaScript, so you do not need an internet connection in order to display or edit the template, you can view this template in any web browser from your computer.
It's important to understand that you must have an online server in order to use this template as a real website. The server can be purchased at many different places around the internet. It's a simple thing: You need to put the files that you purchased somewhere so others can find them online.

In order to change the template, please refer to the Customizations section. Make sure you also change the author, description and keywords meta tags with your own.

						<meta name="description" content="Your description here">
						<meta name="keywords" content="Your keyworkds here">
						<meta name="author" content="The author here">

You can find this block of code at line 13 of any HTML file.

Rename any layout-X-style-X.html file to index.html.

Upload to your server

  1. Start your FTP client (I recommend FileZilla, which is free) and login to your server.
  2. Locate, on your server, the domain folder you wish to upload your template files to. You are going to click and drag every file and folder that you have inside the HTML folder into your FTP client.
  3. Once the files are done uploading, you can access your website via browser.